<template>
	<view class="content">
		<uni-list class="uni-list1">
			<uni-list-item>
				<template v-slot:header>
					<view class="slot-header">头像</view>
				</template>
				<template v-slot:footer>
					<image class="slot-image" src="/static/img/my.png" mode="widthFix"></image>
				</template>
			</uni-list-item>
			<uni-list-item title="昵称" :rightText="userProfiles.uname" showArrow></uni-list-item>
			<uni-list-item title="二维码" rightText="dasdasd" showArrow></uni-list-item>
		</uni-list>
		<uni-list class="uni-list2">
			<uni-list-item title="绑定手机号码" showArrow></uni-list-item>
			<uni-list-item title="修改登录密码" link to="/pages/ChangePwd/ChangePwd"></uni-list-item>
		</uni-list>
	</view>
</template>

<script>
import { userProfile, base } from '../../service/index.js';
export default {
	data() {
		return {
			base,
			userProfiles: {}
		};
	},
	async onLoad() {
		let data = await userProfile();
		this.userProfiles = data;
		// console.log(this.userProfiles);
	},
	methods: {}
};
</script>

<style lang="scss">
.uni-list1 {
	margin-top: $uni-spacing-col-base;
}
.uni-list2 {
	margin-top: $uni-spacing-col-base;
}
.slot-image {
	width: 100rpx;
}
.slot-header {
	align-items: center;
}
</style>
